/* A Free Design by Bryant Smith (bryantsmith.com) */

html, body {
text-align: center;
}
p {text-align: left;}

body {
	margin: 0;
	padding: 0;
	background: #697281;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color:#2A2A2A;
}
*
{
  margin: 0 auto 0 auto;
 text-align:left;
 }


/* A Free Design by Bryant Smith (bryantsmith.com) */

html, body {
text-align: center;
}
p {text-align: left;}





#page
{
  margin: 0 auto 0 auto; 
  margin-top:25px;
  display: block; 
  height:auto;
  position: relative; 
  overflow: hidden; 
  background: url(background.png) repeat-y;
  width: 738px;
}

#header
{
background-image:url(header.png);
background-repeat:no-repeat;
height:111px;
width:738px;
}

#header h1
{
position:relative;
left:30px;
top:25px;
color:#F6F6F6;
text-align:left;
font-size:40px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

#header h2
{
position:relative;
left:33px;
top:21px;
color:#2C2C2C;
text-align:left;
font-size:17px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

#footer {
width: 738px;
height:53px;
background: url(footer.png) no-repeat;
text-align:center;
font-size:9px;
color:#2A2A2A;
padding-top:25px;
}

#bar
{
background-image:url(bar.png);
background-repeat:no-repeat;
height:30px;
width:750px;
line-height:30px;
padding-left:20px;
padding-right:20px;
}

#bar .link
{
float:left;
height:30px;
}

#bar .link:hover
{
background-repeat:no-repeat;
background-position:center;
}


#bar p
{
font-size:14px;
font-weight:bold;
color: #CCC;
margin-left:27px;
margin-right:27px;

}

#bar a
{
font-size:14px;
font-weight:bold;
color:#FBFDFB;
margin-left:27px;
margin-right:27px;
text-decoration:none;

}

#bar a:hover
{
color:#999999;
}


.contentTitle
{
width:670px;
height:30px;
margin-top:10px;
margin-left:35px;
margin-right:20px;
margin-bottom:10px;
background-repeat:no-repeat;
border-bottom:#CCC thin solid;

}

.contentTitle h1
{
margin-left:0px;
padding-top:8px;
font-size:20px;
font-weight:bold;
color:#071027;
}

.comments
{
font-size:11px;
font-style:italic;
}

.contentText
{
width:670px;
padding-bottom:30px;
font-size:12px;
color:#030712;
}

.contentText a
{
text-decoration:none;
font-size:14px;
color:#00F;
border:1px dashed #00F;
padding-left: 5px;
padding-right:5px;
}

.contentText a:hover
{
color:#8F8F8F;
border:1px dashed #00F;
padding-left: 5px;
padding-right:5px;
background-color:#CCC;
}


/*CSS for input textbox and password*/

input[type='text'], input[type='password']
{

	background-image: url(bg.png);
	border: 1px solid #6297BC;
}

input[type='text']:hover, input[type='password']:hover
{
	border-radius: 3px;
	border: 1px solid #3CF;
	box-shadow: 1px 1px 5px;
}

input[type='submit'] {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 24;
  -moz-border-radius: 24;
  border-radius: 24px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

input[type='submit']:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.csstable {
	margin:0px;
	padding:0px;
	width:100%;
	box-shadow: 5px 5px 3px #888888;
	border:1px solid #999;
	border-width:0px 0px 1px 1px;
	
}
.csstable table{
    border-collapse: collapse;
    border-spacing: 0;
}

.csstable th{
	background: #666;
}
.csstable tr:hover td{
	
}
.csstable tr:nth-child(odd){ 
	background-color:#CCC; 
}
.csstable tr:nth-child(even){ 
	background-color:#ffffff; 
}
.csstable td{
	vertical-align:top;
	border: thin solid #999;
	border-width:0px 1px 0px 0px;
	text-align:left;
        
	padding:2px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}

.symbol {
    font-size: 0.9em;
    font-family: Times New Roman;
    border-radius: 1em;
    padding: .1em .6em .1em .6em;
    font-weight: bolder;
    color: white;
    background-color: #4E5A56;
}

.icon-info { background-color: #3229CF; }
.icon-error { background: #e64943; font-family: Consolas; }
.icon-tick { background: #13c823; }
.icon-excl { background: #ffd54b; color: black; }

.icon-info:before { content: 'i'; }
.icon-error:before { content: 'x'; }
.icon-tick:before { content: '\002713'; }
.icon-excl:before { content: '!'; }

.notify {
    background-color:#e3f7fc; 
    color:#555; 
    border:.1em solid;
    border-color: #8ed9f6;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;
    font-size:1.1em;
    padding:10px 10px 10px 10px;
    margin:10px;
    cursor: default;
}

.notify-yellow { background: #fff8c4; border-color: #f7deae; }
.notify-red { background: #ffecec; border-color: #fad9d7; }
.notify-green { background: #e9ffd9; border-color: #D1FAB6; }


